Usability Testing of Icons 圖示的可用性測試
為了確保使用者理解圖示的含義和用途,應在產品開發週期的不同階段進行多種型別的測試。圖示常被用來節省空間並利用視覺快速識別的優勢。然而,圖示的實際可用性只能透過使用者測試來驗證。
圖示的可用性可以透過以下四個質量標準來評估:
- 可發現性(Findability)
使用者能否在頁面上快速找到圖示?
- 識別度(Recognition)
使用者能否理解圖示所代表的含義?
- 資訊氣味(Information Scent)
使用者能否正確猜測與圖示互動後會發生什麼?
- 吸引力(Attractiveness)
圖示是否具有視覺美感?
這些標準對設計的成功至關重要,需要分開測試以確定如何改進圖示。
圖示測試方法
1. 可發現性測試
為了評估圖示的可發現性,必須在實際介面中測試(上下文內測試)。
方法:時間定位測試(Time-to-Locate Test)讓參與者在頁面中點選或觸控圖示以完成特定任務,記錄使用者找到正確圖示所需的時間及首次點選正確率。
應用案例:若使用者無法快速點選正確圖示,可能說明圖示之間的差異不足,或圖示被放置在使用者容易忽略的位置。
2. 識別度測試
識別度測試通常在上下文外進行(單獨展示圖示)。
方法:圖示識別測試。向使用者展示單個圖示,詢問他們該圖示的含義。
應用案例:如果使用者的猜測與設計意圖不符,則說明圖示設計需重新調整。例如,如果使用者誤解垃圾桶圖示的用途,可能需要修改圖示或新增文字說明。
注意:不要依賴使用者從標籤中推斷圖示含義,因為有些使用者在實際介面中可能只看影象而忽略標籤。
3. 資訊氣味測試
評估使用者是否能透過圖示推斷出其功能。
方法:情境化測試。提供基本的上下文資訊(如圖示將出現在電商網站上),讓使用者猜測圖示的功能。
A/B測試:在實際產品中測試多個候選圖示,記錄互動率的差異和快速返回的行為(快速返回通常表明使用者對圖示後的內容感到失望)。
4. 吸引力測試
評估圖示的美觀度,包括單獨圖示和圖示組的整體吸引力。
方法:吸引力評分。使用者對每個圖示評分(如1–7分),或者選擇最喜歡和最不喜歡的圖示,並解釋原因。
應用案例:
如果圖示組中大部分圖示都令人滿意,但某些圖示顯得不協調,應重新設計這些圖示以匹配整體美感。
標準可用性測試與圖示測試
儘管標準可用性測試可以揭示圖示的問題,但無法明確是圖示的哪一方面存在問題(如未被發現或含義模糊)。例如:
在某網站的重新設計測試中,參與者沒有與表示“最近瀏覽頁面”的時鐘圖示互動,但無法確認是因為使用者未注意到該圖示還是無法理解其含義。
因此,不應將標準可用性測試作為唯一的圖示可用性評估方法。
產品開發階段的測試方法
策略階段(Strategize)使用上下文外方法(如識別度測試、資訊氣味測試)探索多種設計方案,評估圖示的可行性。
執行階段(Execute)在設計和實現階段,逐步完善圖示設計:初期可用上下文外測試吸引力,直到確定最佳設計方案。隨著介面設計的完善,逐步轉向上下文內測試(如時間定位測試)。
評估階段(Assess)系統或功能上線後,透過基準測試和A/B測試持續最佳化圖示設計。週期性地評估圖示的可用性和效能。
其他注意事項
- 避免測試偏差
- 注意任務的措辭,避免用詞暗示圖示含義。
- 使用多種問題表述方式(如同義詞或省略品牌術語)進行測試,確保結果不受表述影響。
- 測試方法的迭代應用
- 不必在每個專案中使用所有方法,可根據設計階段選擇適合的測試方法,並透過多次迭代最佳化圖示設計與標籤的匹配程度。
結論:透過多階段的圖示測試,可以有效評估圖示的發現性、識別度、資訊氣味和吸引力。測試結果為設計改進提供了明確方向,同時有助於圖示在介面中的最佳佈局和功能傳達。
更多關於移動設計中圖示使用的詳細資訊,可參考相關培訓課程《移動與平板裝置的視覺設計》。